.container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    background-image: url('common/images/home-bg.jpg');
}
.header{
    width: 100%;
    height: 100px;
    flex-direction: row;
    align-items: center;
}
.equipment{
    width: 240px;
    height: 60px;
    flex-direction: row;
    align-items: center;
    margin-left: 50px;
    background-color: lightgrey;
    border-radius: 25px;
}
.equipment-icon{
    width: 50px;
    height: 50px;
    margin-left: 20px;
}
.equipment-text{
    font-size: 36px;
    font-family: 楷体;
    margin-left: 40px;
}
#equipmentDialog {
    width: 94%;
    margin-bottom: 120px;
}
.dialog-div {
    flex-direction: column;
    height: 500px;
}
.dialog-title {
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.dialog-title text{
    font-size: 36px;
    color: #000000;
    font-weight: bold;
}
.dialog-equipment {
    height: 300px;
    flex-direction: row;
    align-items: center;
}
.dialog-equipment-image{
    width: 250px;
    height: 250px;
}
.dialog-equipment-info{
    flex-direction: column;
}
.dialog-equipment-text1{
    font-size: 30px;
    font-family: 楷体;
    font-weight: bold;
}
.dialog-equipment-text2{
    font-size: 20px;
    font-family: 楷体;
    text-color: lightgrey;
    margin-top: 20px;
}
.dialog-equipment-link{
    font-size: 25px;
    font-weight: bold;
    background-color: lightskyblue;
    text-color: #FFFFFF;
    margin-left: 100px;
}
.dialog-button{
    flex-direction: row;
    justify-content: space-around;
}
.button {
    width: 44%;
    height: 60px;
    text-align: center;
    font-size: 25px;
    border-radius: 10px;
    background-color: #317aff;
    margin-left: 4%;
}

.search{
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabs {
    width: 100%;
    height: 100%;
    margin-top: 25px;
    background-color:#FFFFFF;
}
.tabBar {
    width: 100%;
}
.tabBarItem {
    font-size: 30px;
    width: 160px;
    height: 80px;
    text-align: center;
}
.tabContent{
    width: 100%;
    height: 2000px;
    margin-top: 10px;
}
.recommend{
    flex-direction: column;
    height: 1500px;
}
.recommendSwiper{
    width: 100%;
    height: 400px;
    border: 1px solid #000000;
    indicator-color: #cf2411;
    indicator-size: 14px;
    indicator-bottom: 5px;
}
.recommendList{
    width: 100%;
    height: 150px;
    border-bottom: darkgray;
    border-bottom-width: 1px;
}
.listItem{
    flex-direction: column;
}
.title{
    width: 90%;
    height: 60px;
    font-size: 30px;
    color: burlywood;
    margin-left: 5%;
}
.content{
    width: 90%;
    font-size: 22px;
    color: darkgray;
    margin-left: 5%;
    text-indent: 2em;
}

.PullDownRefresh{
    progress-color: cornflowerblue;
}